import Vue from "vue"
import VueRouter from "vue-router"
import All from "../views/son/ALL.vue"
import Alice from "../views/son/Alice.vue"
import Bob from "../views/son/Bob.vue"
import fist from "../views/fist.vue"
import second from "../views/second.vue"
import three from "../views/three.vue"
import blog from "../views/son/grandson/blog.vue"
import fax from "../views/son/grandson/fax.vue"

Vue.use(VueRouter)
const routes = [{
        path: "/fist",
        component: fist,
    },
    {
        path: "/second",
        component: second,
        children: [{
                path: "Alice",
                component: Alice
            },
            {
                path: "Bob",
                component: Bob,
                children: [{
                        path: "blog",
                        component: blog
                    },
                    {
                        path: "fax",
                        component: fax
                    }
                ]
            },
            {
                path: "All",
                component: All
            },
        ]

    },
    {
        path: "/three",
        component: three
    },

]
const router = new VueRouter({
    routes
})
export default router